<ion-header>
  <ion-navbar>
    <ion-title>
      待办事项
    </ion-title>
    <button ion-button icon-left (click)="addTask()" >
        <ion-icon name="add"></ion-icon>
      新增
    </button>
  </ion-navbar>
  <ion-item-sliding #slidingItem *ngFor="let task of tasks">

 
       <ion-item>{{task.title}}</ion-item>
      
       
       
      
       
       <ion-item-options side="right">
      
       
       <button ion-button icon-only color="secondary" (click)="markAsDone(task)">
      
       
       <ion-icon name="checkmark"></ion-icon>
      
       
       </button>
      
       
       <button ion-button icon-only color="danger" (click)="removeTask(task)">
      
       
       <ion-icon name="trash"></ion-icon>
      
       
       </button>
      
       
       </ion-item-options>
      
       
      
      
       
      </ion-item-sliding>
      
</ion-header>

<ion-content padding>
  The world is your oyster.
  <p>
    If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
  </p>
</ion-content>
